Ext.namespace('pages.p2p.jkgl.marryHk');

pages.p2p.jkgl.marryHk.Main = function(config) {
	Ext.apply(this, config);
	this.initUIComponents();
	pages.p2p.jkgl.marryHk.Main.superclass.constructor.call(this);
};

Ext.extend(pages.p2p.jkgl.marryHk.Main, Ext.Panel, {
	/**
	 * 构造函数
	 */
	initUIComponents : function() {
		this.queryForm = new Ext.form.FormPanel({
			layout : 'column',
			region : 'north',
			labelWidth : 120,
			labelAlign : 'right',
			autoHeight : true,
			border : false,
			frame : false,
			items : [
					{
						columnWidth : 1,
						height : 10,
						border : false
					}, {
						columnWidth : .25,
						layout : 'form',
						border : false,
						items : [{
							fieldLabel : '项目名称',
							name : 'XMMCT',
							id : 'XMMCT',
							anchor : '96%',
							xtype : 'textfield'
						}]
					},{
						columnWidth : .25,
						layout : 'form',
						border : false,
						items : [{
							fieldLabel : '项目ID',
							name : 'ZQID',
							id : 'ZQID',
							anchor : '96%',
							xtype : 'textfield'
						}]
					},{
                        columnWidth : .25,
                        layout : 'form',
                        border : false,
                        items : [{
                            fieldLabel : '借款人(手机号)',
                            name : 'DFR',
                            id : 'DFR',
                            anchor : '96%',
                            xtype : 'textfield'
                        }]
                    }]
		});
		this.store = new Ext.data.Store({
			proxy : new Ext.data.HttpProxy({
				url : ExtJ.getActionPath('jkgl/listMarryHk.do')
			}),
			remoteSort : true,
			reader : new Ext.data.JsonReader({
				root : 'data',
				totalProperty : 'total',
				SumJe:'sumJe',
				id : 'REF_XM_ID'
			}, [ {
				name : 'REF_XM_ID',
				mapping : 'REF_XM_ID'
			}, {
				name : 'REF_XM_NAME',
				mapping : 'REF_XM_NAME'
			}, {
				name : 'DFRID',
				mapping : 'DFRID'
			}, {
				name : 'REF_JKR_USERNAME',
				mapping : 'REF_JKR_USERNAME'
			}, {
				name : 'DFRID',
				mapping : 'DFRID'
			}, {
				name : 'QX_MONTH',
				mapping : 'QX_MONTH'
			}, {
				name : 'YHKJE',
				mapping : 'YHKJE'
			}, {
				name : 'HED_JE',
				mapping : 'HED_JE'
			}])
		});

		var sm = new Ext.grid.CheckboxSelectionModel({
			singleSelect : true
		});
		
		var cm = new Ext.grid.ColumnModel([ sm, new Ext.grid.RowNumberer(), {
			header : '项目ID',
			width : 50,
			sortable : true,
			dataIndex : 'REF_XM_ID'
		}, {
			header : '项目名称',
			width : 300,
			sortable : true,
			dataIndex : 'REF_XM_NAME'
			
		}, {
            header : '借款人用户名',
            width : 150,
            sortable : true,
            dataIndex : 'REF_JKR_USERNAME'
            
        }, {
            header : '借款人(手机号)',
            width : 100,
            sortable : true,
            dataIndex : 'DFRID'
            
        },{
			header : '总期数',
			width : 50,
			sortable : true,
			dataIndex : 'QX_MONTH'
		}, {
			header : '应还款总金额',
			width : 150,
			sortable : true,
			dataIndex : 'YHKJE'
		},  {
			header : '已还款总金额',
			width : 150,
			sortable : true,
			dataIndex : 'HED_JE'
		}]);

		/**
		 * GridPanel
		 */
		this.grid = new Ext.grid.GridPanel({
			id : 'grid',
			region : 'center',
			store : this.store,
			border : true,
			frame : false,
			viewConfig : {
				autoFill : false,
				forceFit : false,
				focusRow : function() {
					return;
				},
				getRowClass : function(record, rowIndex, rowParams, store) {
					if (record.get("TOP_LEVEL") == "1") {
						return 'ux-grid-record-onTop';
					}
				}
			},
			sm : sm,
			cm : cm,
			tbar : [ {
				id : 'query',
				iconCls : 'query',
				text : '查询',
				handler : this.onQuery.createDelegate(this)
			}, '-', {
				id : 'clear',
				iconCls : 'reset',
				text : '重置',
				handler : this.onReset.createDelegate(this)
			}, '-', {
                id : 'view',
                iconCls : 'view',
                text : '匹配还款信息',
                handler : this.onView.createDelegate(this)
            }],
			bbar : new Ext.PagingToolbar({
				pageSize : pageSize,
				store : this.store,
				displayInfo : true,
				displayMsg : '当前显示第 {0} - {1} 条 / 共 {2} 条',
				emptyMsg : "没有记录"
			})
		});

		Ext.apply(this, {
			title : '借款人还款记录匹配',
			closeAction : 'close',
			layout : 'border',
			border : false,
			tools : [{
						id : 'help',
						handler : function(){
							this.onHelp();				
						}.createDelegate(this)
					}],
			listeners : {
				'render' : this.initData.createDelegate(this)
			},
			items : [ this.queryForm, this.grid ]
		})
	},

	initData : function() {
		this.onQuery();
	},
	
	onHelp : function(){
		var dialog = new global.help.HelpWindow({key : 'jkgl.all.helpMarryHk'});
		dialog.show();
	},
	
	onQuery : function() {
		this.store.baseParams.xmmc = Ext.getCmp('XMMCT').getRawValue();
		this.store.baseParams.zqid = Ext.getCmp('ZQID').getValue();
		this.store.baseParams.dfr = Ext.getCmp('DFR').getValue();
		Ext.getBody().mask("正在查询,请稍候...");
		this.store.reload({
			params : {
				start : 0,
				limit : pageSize
			},
			callback : function() {
				Ext.getBody().unmask(true);
			}
		});
	},
	onReset : function() {
		this.queryForm.getForm().reset();
	},
    onView : function() {
        var record = this.grid.getSelectionModel().getSelected();
        if (!record) {
            ExtJ.showMessage("请选择一条需要匹配的项目!");
            return;
        }
        var win = new pages.p2p.jkgl.marryHk.View({
            operType : 'view',
            record : record
        });
        win.show();
    }
});